body{font-family:'Microsoft Yahei',"微软雅黑","STHeiti",'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;-webkit-font-smoothing:antialiased; font-size:14px;font-smoothing:antialiased;text-rendering:optimizeLegibility; overflow-x:hidden; background-color: #fff;color:#343434;}
/*英文字体*/
.en{font-family:'Microsoft Yahei',"STHeiti",'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;}
h1, h2, h3, h4, h5, h6{font-family:'Microsoft Yahei',"微软雅黑","STHeiti",'Hiragino Sans GB','WenQuanYi Micro Hei',sans-serif;}
ul{ list-style:none; padding-left: 0;margin: 0;}
.container-fixed{ width:1220px;}
.w100{width: 100%}
.mcolor{color: #00834d;}
.bcolor{color:#333!important;}
a,a:focus{color:#333333; text-decoration: none;outline: none;}
a:hover{color: #000; text-decoration: none}
img{max-width: 100%}
#backtotop {position: fixed;bottom: 50px;right: 20px;display: none;cursor: pointer;font-size: 50px;z-index: 9999;}
hr{border-top:2px solid #bcbcbc;margin: 5px 0}
.mborder{border:1px solid #46a6ec}
.cwhite,.cwhite:hover{color: #fff}

.cards{margin-right: 0;margin-left: 0}
.card{border-radius:0;border-color: #bcbcbc}
.card img{width: 100%; text-align: center}
.card .card-actions, .card .card-content{padding: 8px;}
.bold{font-weight: bold}

.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}

.bg-white{background-color: #fff}
.bg-gray{background-color: #f3f3f3}
.bg-grey{background-color: #f6f6f6}
.shadow{-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.075);box-shadow: 0 2px 3px rgba(0,0,0,.075);}


header #theader{background-color: #fff;width: 100%;clear: both;height: 90px}
header #theader.header_w{position: fixed;top: 0;z-index: 999;box-shadow:0 1px 1px 0 #ddd;}
.logo img{max-width: 220px;margin-top:14px;}
.tnav{height:90px}
.tnav li{float: left;padding: 0 10px;font-size: 15px;position: relative;}
.tnav li a{display: block;border-radius: 5px;padding:4px 12px;color: #000;height:90px;line-height:90px;font-size: 18px}
.tnav li.active a,.tnav li a:hover{color:#00834d;}

.fcopyright{background-color: #06633d;padding: 20px 0;color:#94f0ca;margin-top: 40px;text-align: left;}
.fcopyright a{color:#94f0ca}
.fcopyright .flinks a{color:#94f0ca;margin-right: 5px}
.fcopyright a:hover{color: #fff}
#pfooter{background-color: #00834d;padding: 40px 0 0}
.fnavs{}
.fnavs dl{float: left;margin-right:50px;overflow: hidden;}
.fnavs dl dt{font-size: 16px;color: #fff;margin-bottom: 20px;font-weight: normal;}
.fnavs dl dd{display: block;clear: both;line-height: 28px;color: #fff}
.fnavs dl dd a{color:#fff;}
.fnavs dl dd a:hover{color:#94f0ca;}
.fnavw{text-align: center;padding-right:30px;color:#fff;padding-top: 18px;}
.fnavw img{margin-bottom: 8px;max-width: 135px;}
.fnavs dl.leftline{border-left: 1px solid #0e965e;padding-left: 40px}

#backtotop{display: block;position: fixed;right: 10px;bottom:30px;z-index: 999;display: none}

.swiper-container {
      width: 100%;
      height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.index_banner{min-height:350px;width: 100%;position: relative}

.index_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 40px;height: 4px;background-color: #fff;border-radius: 0;opacity: 1
}
.index_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #00834d}
.index_banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 30px}

.inotice{background-color: #f3f3f3;height: 66px;line-height: 66px;color: #333;font-size: 16px;}
.inotice a{color:#00834d;font-size: 16px;color: #333;}
.inotice a:hover{color:#00834d;}
.inotice a .marquee_title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inotice .recnewbar img{margin-top: 25px;margin-right: 5px}
.inotice .swiper-marquee{height: 66px!important;width:1090px;}
.inotice .swiper-marquee .swiper-slide{height: 66px;background-color: #f3f3f3;text-align: left!important;}
.inotice .swiper-marquee .swiper-slide a{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ititle{padding: 36px 0 10px;font-size: 36px;margin:0 auto;text-align: center;font-weight: bold;position: relative;overflow: hidden;clear: both;}
.ititle .ttitle{display: inline-block;background-color: #fff;padding: 0 40px;}
.ititle .tline{width: 500px;height:1px;background-color: #343434;display: block;margin:-25px auto 30px;}
.ttitle.bg-gray{background-color: #f3f3f3}
.ititle2{margin-bottom: 36px}
.tshort{width: 80%;margin:15px auto 26px;font-size: 16px;margin-top:15px;display: block;font-weight: normal;text-align: center}
/*合作伙伴*/
.partners{margin-bottom: 30px}
.partners_list a{display: block;border:1px solid #dedede;padding:20px 15px;text-align: center;}
.partners_list a img{max-height: 50px}
.partners_list .partner{margin-bottom: 20px}
.partners_list a:hover{border:1px solid #00834d;}

.iads.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 30px;height: 4px;background-color: #fff;border-radius: 0;opacity: 1
}
.iads.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #00834d}
.iads.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px}

/*新闻*/
.inews{padding-bottom: 40px;}
.inright{}
.inright .inrtop{background-color: #00834d;color: #fff;font-size: 22px;padding:20px 25px;}
.inright .inrtop span{display: block;font-size: 16px;}
.inright ul{background-color: #fff;padding:5px 25px;}
.inright ul li{padding: 10px 0;border-bottom:1px solid #e8e8e8;font-size: 16px}
.inright ul li .inrtime{display: block;color: #00834d;}
.inright ul li .intxt{background: url(../img/icon_square.png) left center no-repeat;padding-left: 15px;display: block;}
.inright ul li a:hover{color:#00834d; }
.inright .inrb{padding-bottom: 15px}
.inmore{display: inline-block;color: #00834d;border-radius: 4px;border:1px solid #00834d;padding:5px 15px; margin-top:20px;margin-left: 25px}
.inmore:hover{color: #fff;background-color:#00834d; }
.inright .inmore{margin-top:15px;}

.inleft{}
.inleft .swiper-pagination-current{color: #005dad}
.inleft .swiper-slide{display: block!important;height: 600px;background:#f3f3f3 }
.inleft .inlbg{height: 390px;background-size: cover!important;width: 100%}
.inleft .inlcon{width: 96%;clear: both;margin: -76px auto;background-color: #fff;padding:30px 20px;text-align: left;height: 271px}
.inleft .inlcon .inltime{display: block;color: #00834d;}
.inleft .inlcon .inewspp{display: block;font-weight: bold;font-size: 18px;text-overflow: ellipsis;}
.inleft .inlcon .inewsdesc{display: block;font-size: 15px;margin-top: 15px}
.inleft .swiper-pagination-fraction{bottom: 80px;right: 0;position: absolute;z-index: 99;left: auto;text-align: right;padding-right: 30px;text-overflow: ellipsis;}
.inleft .inmore{position: absolute;bottom:30px;left:2%;z-index: 99}

/*技术与服务*/
.iservice{padding-bottom: 30px}
.iservicec{margin-top: 30px;}
.iservicec ul li{width: 20%;float: left}
.iservicec ul li a{display: block;width: 100%;height: 450px;background-size: cover;color: #fff;text-align: center}
.iservicec ul li a.iserbg1{background: url(../img/service_1.jpg) no-repeat center center}
.iservicec ul li a.iserbg2{background: url(../img/service_2.jpg) no-repeat center center}
.iservicec ul li a.iserbg3{background: url(../img/service_3.jpg) no-repeat center center}
.iservicec ul li a.iserbg4{background: url(../img/service_4.jpg) no-repeat center center}
.iservicec ul li a.iserbg5{background: url(../img/service_5.jpg) no-repeat center center}
.iservicec ul li a span{display: block;}
.iservicec ul li a img{margin-top: 150px;max-width: 53px}
.iservicec ul li a span.iserline{height: 4px;width: 20px;background-color: #fff;margin:8px auto;}
.iservicec ul li a span.isertitle{font-size:20px}
.iservicec ul li a:hover{background: #00834d}

/**/
/*.iads{height: 250px;text-align: center}*/
/*background:url(../img/index_bg_1.png) no-repeat center center;background-size: cover;color: #fff;*/
.iads .iadtitle{font-size: 38px;margin: 30px auto}
.iads .iadscc{width: 25%;float: left;position: relative;}
.iads .iadscc::after{content:""; width:2px; height:70px; background-color:rgba(255,255,255,0.5);position: absolute;right: 0;top: 10px}
.iads .iadscc:last-child:after{width: 0}
.iads .iadscc span{font-size: 40px;font-weight: bold;}
.iads .iadscc p{font-size: 18px}
.iads .iadscc span.bbb{font-size: 22px}

/*解决方案*/
.isolution{padding-bottom: 30px}
.isolution .iso{height: 420px;background-size: cover;width: 282px;margin-right: 24px;float: left}
.isolution .iso:nth-child(4n){margin-right: 0}
.isolution .iso a{height: 100%;line-height: 100%;text-align: center;display:flex;align-items: center;justify-content: center;position: relative;}
/*.isolution .iso1 a{background: url(../img/solution_1.png) no-repeat center center}
.isolution .iso2 a{background: url(../img/solution_2.png) no-repeat center center}
.isolution .iso3 a{background: url(../img/solution_3.png) no-repeat center center}
.isolution .iso4 a{background: url(../img/solution_4.png) no-repeat center center}*/
.smore{background-color: #00834d;color: #fff;line-height: 40px;width: 210px;text-align: center;margin:50px auto 40px;display: block;}
.smore:hover{color: #fff;background-color: #000}
.smore img{margin-left: 5px;width: 16px}
.isolution .iso a span{color: #fff}
.isolution .iso a span.isotxt{display: inline-block;font-size: 20px;background-color: rgba(58,58,58,0.8);padding: 15px; line-height:30px;}
.isolution .iso a:hover{background-color: red}
.isolution .iso a:hover .isomask{position: absolute;background-color:rgba(0,0,0,0.2);top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 9}
.isolution .iso a:hover .isoborder{position: absolute;top: 2%;left: 2%;width:96%;height: 96%;display: block;z-index: 10;border:1px solid #fff;}

.isolist{padding-bottom: 10px}
.isolist .iso{margin-bottom: 30px}
/*.isolist .iso:last-child{margin-right: 0}
.isolist .iso a{display: block;height: 100%;line-height: 100%;text-align: center;position: relative;}
.isolist .iso a span{color: #fff}
.isolist .iso a span.isotxt{display: inline-block;font-size: 20px;background-color: rgba(58,58,58,0.8);padding-left: 15px;padding-right: 15px; height:60px;line-height:60px;margin-top:180px }
.isolist .iso a:hover .isomask{position: absolute;background-color:rgba(0,0,0,0.2);top: 0;left: 0;width: 100%;height: 100%;display: block;z-index: 9}
.isolist .iso a:hover .isoborder{position: absolute;top: 2%;left: 2%;width:96%;height: 96%;display: block;z-index: 10;border:1px solid #fff;}*/


/*安全产品*/
.iproduct{}
.iproduct .clearfix a{text-align: center;float: left;width: 380px;margin-right: 30px;overflow: hidden;}
.iproduct .clearfix a:last-child{margin-right: 0}
.iproduct .clearfix a span{font-size: 20px;display: block;margin-top: 40px}
.iproduct .clearfix a .iproimg{width: 100%;height: 300px;background-size: cover;overflow: hidden; clear: both;
    transition: all 0.6s;
    -ms-transition: all 0.8s;}
.iproduct .clearfix a:hover .iproimg{transform: scale(1.05);-webkit-transform: scale(1.05);}
/*.iproduct .clearfix a .iproimg1{background: url(../img/pro_1.jpg) no-repeat center center}
.iproduct .clearfix a .iproimg2{background: url(../img/pro_2.jpg) no-repeat center center}
.iproduct .clearfix a .iproimg3{background: url(../img/pro_3.jpg) no-repeat center center}*/

.prol{padding-bottom: 40px }
.prolist{ }
.prolist a{text-align: center;float: left;width: 380px;margin-right: 30px;overflow: hidden;}
.prolist a:nth-child(3n){margin-right: 0}
.prolist a span{font-size: 20px;display: block;margin-top:20px;height: 60px;overflow: hidden;text-overflow: ellipsis;}
.prolist a:hover{color:#00834d;}
.prolist a:hover img{border:1px solid #00834d;}

.tbanner{width: 100%;display: block;height: 360px;line-height: 360px;text-align: center;font-size: 48px;color: #fff;font-weight: bold;word-spacing: 5px;letter-spacing:5px;}
.tbanner .btitle{line-height: 40px;margin-top: 160px}
.catnav{background-color: #fff;height: 60px;box-shadow: 1px 2px 4px 1px rgba(0,0,0,.1);text-align: center;padding-top:12px}
.catnav a{display: inline-block;font-size: 16px;margin:0 10px;padding:5px 20px;border-radius: 15px;color: #343434}
.catnav a:hover,.catnav a.active{background-color: #00834d;color:#fff;}

.cnavbar,.cnavbar a{margin-top: 15px;color: #666}
.cnavbar a:hover{color: #00834d;}

.pcontent{line-height: 30px;padding: 20px 20px 60px;color: #666}
.pcontent ul{list-style-type: disc;margin-left: 40px}
.pdes{border-left: 6px solid #00834d;padding:15px 20px;margin-bottom: 20px;background-color: #f6f6f6}
.pdes span{color:#00834d;display: block;}
.pdes h2{font-size: 24px;margin-top:5px;color: #333}


.contact_map{clear: both;overflow: hidden;padding: 0;margin: 0;height: 340px}
.contact_map iframe{width: 100%;height: 340px;padding: 0;margin: 0}

.contactbox{border:1px solid #dedede; width: 90%;padding-bottom: 30px;text-align: center;color: #343434;font-size: 16px;margin:0 auto 100px;height: 180px}
.contactbox img{margin-top:-60px; max-width: 100px;margin-bottom: 20px}
.sptitle{margin:60px 0 120px;text-align: center;font-size: 36px}

.jobtitle{background-color:#00834d;color: #fff;text-align: center;line-height: 60px;height: 60px;font-size: 26px}

.breadcrumb{padding-left: 0}
.panel-group .panel{border: none;border-radius: 0;box-shadow: 0 0 0 0;}
.panel-group .panel-heading{border: none;border-radius: 0;background-color: #fff;padding:0 10px;border-bottom: dashed 1px #dedede;color: #666666}
.panel-group .panel-heading2{border: none;border-radius: 0;background-color: #ebebeb;padding:0 10px;}
.panel-group .panel-heading+.panel-collapse>.panel-body{border: none;background-color: #f6f6f6}
.panel-group .panel-heading .panel-title a{line-height: 50px;height: 50px;color: #343434;font-size: 16px;font-weight: normal;display: block}
.panel-group .panel+.panel{margin-top: 0}

.jtop{margin-top: 10px}
.jtitle{border-bottom: dashed 1px #dedede;font-weight: bold;font-size: 18px;padding-bottom: 8px}
.jcount{padding:0 40px;display: inline-block;}


.newscat{font-size: 22px;margin-bottom: 30px}
.newscat a{padding:0 15px;font-size: 36px}
.newscat a:first-child{border-right: 1px solid #656565;}
.newscat .active{color: #00834d;}


.zizhilist{padding:10px 0 10px;}
.zizhilist .zhc{margin-bottom:30px; text-align: center}
.zizhilist .zhc .zhct{line-height: 40px;color: #666666;font-size: 16px;padding-top: 5px;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;clear: both;width: 100%}
.zizhilist .zhc .zhcon{padding: 20px;box-shadow:2px 5px 10px #EEE;width: 100%;height: 340px;display: flex;align-items: center;justify-content: center}
.zizhilist .zhc .plcon{padding: 20px;box-shadow:2px 5px 10px #EEE;width: 100%;height: 340px;display: flex;align-items: center;flex-direction: column}
.zizhilist .zhc .zhcon:hover,.zizhilist .zhc .plcon:hover{
-webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .2);
}
.zizhilist .zhc .zhcon img,.zizhilist .zhc .plcon img{max-height: 260px}

.ttbanner{width: 100%;display: block;height: 360px;font-size: 34px;color: #fff;}
.jstitle{color: #000;font-size:36px;margin-top: 140px;margin-left: 250px}
.jstitle span{color: #6e6e6e;font-size: 16px;display: block;}


.dlist{}
.dlist a{display: block;line-height: 30px;color: #666666;font-size: 16px;padding-left: 10px;background:url(../img/icon_square.png) left center no-repeat;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.dlist a:hover{color:#00834d;}
.dtitle{text-align: center;padding: 10px 0 40px;font-size: 26px}
.download{color:#00834d;margin-top: 60px;width: 42px;}
.download span{color:#00834d;display: block;margin-top: 5px;text-align: center}


/*安全产品*/
#psec1{padding: 20px 0 40px}
.pcnavbar{margin-top: 3px}
#psec1 .ps1title{font-size: 36px;color: #343434;margin-top: 10px;margin-bottom: 15px}
#psec1 .ps1des{line-height: 30px;font-size: 16px}
#psec1 img{margin:0 auto;}
#psec1 .psec1img{display: flex;justify-content: center;align-items: center;padding-top: 45px}
#psec2{clear: both;padding-bottom: 40px}
#psec2 .ps2title{color: #333;padding:50px 0;font-size: 36px;text-align: center}
#psec2 .ps2con{font-size: 16px}
#psec2 .ps2con .ps2c{width:31%;float: left;margin:0 1%;text-align: center;}
#psec2 .ps2con .ps2c:last-child{margin-right: 0}
#psec2 .ps2con .ps2c .ps2t{font-size: 18px;line-height: 40px}
#psec2 .ps2con .ps2c .ps2d{line-height: 28px;margin-top: 10px;font-size: 16px}

#psec3{padding: 40px 0 50px}
#psec3 .ps3title{font-size: 36px;margin-bottom: 20px}
#psec3 ul li{display: block;clear: both;padding:15px 0;}
#psec3 .ps3i{width: 60px;height: 60px;line-height: 60px;text-align: center;color: #fff;float: left;display: block;margin: 0 30px;background-color:#00834d;border-radius: 50%;font-size: 26px}
#psec3 .ps3r{float: left;padding-top: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#psec3 .ps3r span{display: block;font-size: 16px}
#psec3 .ps3r span.ps3rt{font-size: 18px;margin-bottom: 5px}
#psec3 img{margin-top: 0px}
#psec3 .ps3con{font-size: 16px;line-height: 30px}

#psec4{padding-bottom: 40px;font-size: 16px}
#psec4 .ps4title{color: #333;padding:50px 0;font-size: 36px;text-align: center}
#psec4 .ps4con .swiper-container{width: 86%;margin:0 auto;}
#psec4 .ps4con .swiper-container .swiper-slide a{position: relative;display: block;}
#psec4 .ps4con .swiper-container .swiper-slide span{display: block;position: absolute;color: #fff;z-index: 99;width: 100%;text-align: center;top: 50%;
left:50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);font-size: 20px}

#psec4 .ps4con{position: relative;}
#psec4 .ps4con .ps4pre{position: absolute;left: 3%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);}

#psec4 .ps4con .ps4next{position: absolute;right:1%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);}

#psec5{padding-bottom: 40px}
#psec5 .ps5title{color: #333;padding:50px 0 30px;font-size:36px;text-align: center}
#psec5 .ps5c{width:98%;margin:0 auto;text-align: left;line-height: 28px;font-size: 16px}


/*运维*/
.ser1{padding-bottom: 40px}
.ser1title{font-size: 36px;padding: 0 0 40px;text-align: center}
.ser1 .ser1des{font-size: 16px;line-height: 28px;}

.ser2{padding: 50px 0 50px}
.serbox{width: 90%;border:1px solid #dedede; border-top:10px solid #00834d;text-align: center;margin:20px auto; height: 350px;position: relative;}
.serbox img{margin-top: 80px}
.serbox .sermtitle{margin-top: 20px;font-size: 30px}
.serbox .sermask{display: none;position: absolute;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;background-color:#fff;padding-left: 40px;padding-top:10px;}
.serbox:hover .sermask{display: block;text-align: left;cursor: pointer;}
.serbox .sermask dt{font-size: 22px;font-weight:normal;margin-bottom: 10px}
.serbox .sermask dd{padding-left: 13px;background:url(../img/icon_square2.png) left center no-repeat;font-size: 18px;color: #666666;line-height: 36px;}

.ser3 .serbox .sermask{padding-top: 20px}
.ser3 .serbox .sermask dd{background:none;font-size: 16px;line-height: 30px}

/*解决方案*/
.solnav{padding-bottom: 130px;margin-top: 0;padding-top: 15px}
.soltop{background-color: #fff;margin-top:-130px;clear: both;overflow: hidden;position: relative;}
.soltop .soldes{width: 50%;float: left;height: 250px;padding: 20px 25px;overflow: hidden;text-overflow: ellipsis;position: relative;}
.soltop .solimg{width: 50%;float: left;height: 250px}
.soltop .soldes .soltitle{font-size: 24px;margin-bottom: 10px}
.soltop .soldes .soldess{height:100%;font-size:16px;line-height:28px;overflow: hidden;text-overflow: ellipsis;padding-bottom: 10px}

.solmtitle{border-left: 6px solid #00834d;background-color: #f6f6f6;padding:12px 15px;font-size: 22px;margin:30px auto;}
.scontent{padding:15px 0 40px;font-size: 16px}

.hlist{padding-bottom: 50px}
.hlist .acon{width:80%;margin: 40px auto}
.hlist .acon a{display: block;line-height: 30px;color: #666666;font-size: 16px;padding-left: 10px;background:url(../img/icon_square.png) left center no-repeat;}
.hlist .acon a:hover{color:#00834d;}

.hlist .swiper-button-prev,.hlist .swiper-button-next{border:1px solid #00834d;border-radius: 50%;color:#00834d;width: 20px;height: 20px;top:25px}
.hlist .swiper-button-next:after, .hlist .swiper-button-prev:after{font-size: 12px}
.hlist .swiper-container{width: 90%;margin: 20px auto;}

.hlist .swiper-wrapper{margin-top:-30px;}

.years{height: 80px;position: relative;width: 90%;margin: 20px auto}
.years .swiper-button-next{position: absolute;right: 0;top: 42px;background-color: #fff;z-index: 9999}
.years .swiper-button-prev{position: absolute;left: 0;top: 42px;background-color: #fff;z-index: 9999}
.years .hline{width: 100%;height: 1px;background-color:#00834d;display: block;position: absolute;top:30px;z-index: 9}
.years .swiper-container{z-index: 999}
.years .swiper-slide{background:none;}
.years .swiper-button-next.swiper-button-disabled,.years .swiper-button-prev.swiper-button-disabled{opacity: 1}
.years .swiper-slide a{padding-top: 15px;color:rgba(0,131,77,0.7);position: relative;}
.hlist .swiper-slide-active a{color:#00834d;font-weight: bold;}
.years .swiper-slide span.year{display:block;clear: both;overflow: hidden;margin: 0 auto;padding-bottom: 20px}
.years .swiper-slide span.ydot{text-align: center;position: absolute;z-index: 9999;width: 100%;height: 20px;left: 0;bottom: 3px}
.years .swiper-slide span.ydot .ycircle{background-color:#fff;border-radius: 50%;width: 16px;height: 16px;display: inline-block}
.years .swiper-slide span.ydot .ycircle span{background-color:rgba(0,131,77,0.7);border-radius: 50%;width: 10px;height: 10px;margin: 3px auto;display: block;}
.years .swiper-slide-active span.ydot .ycircle span{background-color:#00834d;}



.ipage{position: relative;clear: both;height: 340px;}
.ipage .ipabout{background-color: #f4f4f4;z-index: 99999999;position: absolute;width:1200px;overflow: hidden;top: -72px;margin-left: 0}
.ipage .ipabout a{background-color: #f4f4f4;padding: 55px 14px 25px;display: block;}
.ipage .ipabout span{font-size: 24px;display: block;border-bottom: 1px dashed #666666;text-align: center;padding: 10px 0;}
.ipage .ipabout p{margin-top: 10px;color:rgb(102, 102, 102);font-size: 12px;line-height: 20px;}
.ipage .ipabout span.ipmore{border-radius: 50%;width:28px;height: 28px;padding: 0;border:2px solid #000;margin: 0 auto;line-height: 22px;}
.ipage .ipabout a:hover span.ipmore{border:2px solid #fff;color:#fff}
.ipage .ipabout a:hover .text-left{color: #fff}
.ipage .ipabout a:hover{width: 100%;height: 100%;background-color: #46a6ec;}/*background-color: #46a6ec;*/
.ipage .ipjianjie{}

.ipro{background-color: #f4f4f4;padding: 50px 60px;}
.iproducts{background-color: #fff;clear: both;overflow: hidden; width: 100%}
.iproducts .tab-content{padding: 30px 20px;}
/*
.iproducts .tab-content .item{width: 275px;height: 250px;float: left;text-align: center;margin-right: 14px;}
.iproducts .tab-content .item .media{border:1px solid #eeeeee;width:275px;height: 200px;line-height: 200px;}
.iproducts .tab-content .item a:hover .media{border:1px solid #46a6ec;}
.iproducts .tab-content .item .media img{max-width: 90%;max-height: 98%;}
.iproducts .tab-content .item .text{color:#343434;line-height: 24px;overflow: hidden;margin-top: 8px;}
.iproducts .tab-content .item a:hover .text{color:#46a6ec;}
*/
.iproducts .tab-content .item.ilast{margin-right: 0}



.iproducts .tab-content ul{margin-top: 10px;display: block;clear: both;overflow: hidden}
.iproducts .tab-content ul li{border:1px solid #cccccc;width: 270px;float: left;margin-right: 26px;height: 360px;text-align: center;margin-bottom: 26px;}
.iproducts .tab-content ul li .bname{font-weight: bold;font-size: 18px;line-height: 30px;margin-top: 15px;display: block;clear: both;white-space:nowrap;overflow: hidden}
.iproducts .tab-content ul li .bdes{color: #0d6fb8;line-height: 30px;display: block;clear: both;white-space:nowrap;overflow: hidden;margin: 0 auto;width: 260px}
.iproducts .tab-content ul li img{margin: 10px auto;max-width: 267px;max-height: 201px}
.iproducts .tab-content ul li a{width: 106px;height: 32px;line-height: 30px;text-align: center;color: #0d6fb8;border:1px solid #0d6fb8;border-radius: 5px;display: block;clear: both;margin: 10px auto}
.iproducts .tab-content ul li a:hover{background-color: #0d6fb8;color: #fff}
.iproducts .tab-content ul li.ilast{margin-right: 0;}




.iprocat{background-color: #000;height: 40px;line-height: 40px;clear: both;position: relative}

.iprocat2{margin-bottom: 40px}
.iprocat a{color:#fff;width: 136px;height: 40px;display: block;float: left;text-align: center}
.iprocat a:hover,.iprocat ul li.active a{background: url(../img/iuir.png) no-repeat center center}
.iprocat a.more{width: 80px;position: absolute;right: 0}
.iprocat a.more:hover{background: none;color:#46a6ec;}

.iabout{height: 470px;background-color:#000;padding: 60px;}
.iainfo{background-color: #fff;width: 750px;padding:28px 44px;height: 360px;overflow: hidden}
.iainfo .iatitle{font-size: 18px;color:#46a6ec;margin-bottom: 20px;}
.iajianjie{clear: both;overflow: hidden;}
.ihuoban{padding: 30px 0;margin-top: 10px; background-color: #fff;clear: both;overflow: hidden;}
.ihuoban .ititle{padding: 0}

.ihuoban .recD{ overflow:hidden; position:relative;margin-top: 10px;}
.ihuoban .recD .hd{ }
.ihuoban .recD .hd .prev,.ihuoban .recD .hd .next{ display:block;  width:30px; height:50px; float:right; margin-top:33px;  overflow:hidden;color:#fff; cursor:pointer;background-color: #cccccc;text-align: center }
.ihuoban .recD .hd .icon{margin-top: 10px;display: block}
.ihuoban .recD .hd .prev{float: left;}
.ihuoban .recD .bd{ padding:10px; margin-left: 40px;}
.ihuoban .recD .bd ul{ overflow:hidden; zoom:1; }
.ihuoban .recD .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;width:178px;margin:2px 20px;}
.ihuoban .recD .bd ul li .pic{ text-align:center; }
.ihuoban .recD .bd ul li img{ display:block; }
.ihuoban .recD .bd ul li .pic a:hover img{ border-color:#999;  }
.ihuoban .recD .bd ul li .title{ line-height:24px;}



.ijiejue{background-color: #f4f4f4;padding: 20px 0 45px}
.ijiejue .ijjcol{width: 27%;float: left;}
.ijiejue .ijjtitle{background-color: #000;font-weight: bold;font-size: 14px;text-align: center;color:#fff;height: 40px;line-height: 40px;width: 220px;}
.ijiejue .ijjtitle a{color: #fff;}
.ijiejue .jj4{width: 220px; float: right;}
.ijiejue .ijjcol ul{width: 220px;clear: both;margin-top: 20px;}
.ijiejue .ijjcol ul li{height: 40px;line-height: 40px;white-space: nowrap;border-bottom: 1px dashed #e7e7e7}
.ijiejue .ijjcol ul li .pull-right{color:#999}


.side{width:240px;background-color: #f6f6f6;margin-top:20px;float: left;margin-bottom: 60px;}
.side .stop{background-color: #46a6ec;height: 142px;width: 100%;padding: 36px 30px;}
.side .stop span{display: block;clear: both}
.side .stop .pcat{font-size: 28px;color: #fff;}
.side .stop .pcaten{color: #333;}
.scontact{padding: 25px 20px;color:#333333;font-size: 13px;clear: both;overflow: hidden}
.scontact img{max-width: 18px;margin-right: 8px;float: left}
.scontact .saddress{width: 173px;float: right;display: block}
.side ul{padding: 10px 0 20px;}
.side ul li a{color: #333;font-size: 13px;display: block;height: 42px;line-height: 42px;text-indent: 30px;width: 100%}
.side ul li a.scur,.side ul li a:hover{font-size: 13px;color: #fff;background-color: #46a6ec; }
.side ul li .pull-right{margin-right: 20px;padding-top: 3px;}
.side ul li .pull-right .icon{text-indent: 0}
.side ul li{white-space: nowrap;clear: both;overflow: hidden}
.side ul li .ssubcat{clear: both;overflow: hidden}
.side ul li .ssubcat a{font-size: 12px;height: 30px;line-height: 30px;}
.side ul li .ssubcat a:hover,.side ul li .ssubcat a.sscur{color:#46a6ec;border-left: none;font-size: 12px;background-color:#f6f6f6;}

.article{width: 960px;float: right;padding-bottom: 60px;}
.article .ptop{height: 60px;line-height: 60px;border-bottom: 2px solid #dddddd;margin-bottom: 25px;}
.article .ptop h2{height: 60px;line-height: 60px;display: block;float: left;color: #343434;font-size: 24px;border-bottom: 2px solid #46a6ec;padding: 0;margin: 0;font-weight: normal}
.article .topnav{font-size: 12px;color:#666666;overflow: hidden;position: relative;white-space: nowrap;width: 450px;text-align: right}
.article .topnav li{float: left}
.article .topnav .breadcrumb{margin-bottom: 0;padding: 0;white-space: nowrap;padding-left: 0!important;}
.acon{color:#676767;line-height: 24px;clear: both;overflow: hidden}
.article .topnav a{color:#666;}
.article .topnav a:hover{color:#46a6ec;}

.zizhicon{}
.zizhicon .item{width:216px;height: 270px;text-align: center;float: left;margin-right: 18px;}
.zizhicon .item .media{border:1px solid #eeeeee;width:216px;height: 200px;line-height: 200px;padding: 0 0 8px;overflow: hidden;clear: both}
.zizhicon .item .media img{max-width: 90%;max-height: 99%;margin:-2% 0 1%;}
.zizhicon .item .text{color:#343434;line-height: 24px;overflow: hidden;margin-top: 8px;}
.zizhicon .item.ilast{margin-right: 0}
.zizhicon .item:hover .text{color:#46a6ec;}
.zizhicon .item:hover .media{border:1px solid #46a6ec;}

.pages{clear: both;width: 100%;overflow: hidden;margin: 30px auto;}
.pages .pager{}
.pager>li:first-child>a, .pager>li:first-child>span{border-radius: 0;}
.pager>li>a, .pager>li>span{margin: 0 3px;}
.pager>li>a{color:#46a6ec}
.pager>li.pcount{height: 33px;line-height: 33px;padding-left: 8px;}

/*
.newscon{}

.newscon .ptop{margin-bottom: 10px;}
*/
.newscon2{margin-bottom: 40px}
.newscon2 .item{border-bottom: 1px solid #eeeeee;line-height: 42px;height: 42px;}
.newscon2 .item a{color: #343434}
.newscon2 .item a .pull-right{color:#676767;}
.newscon2 .item a:hover{color:#46a6ec}

.newscon h1{color: #343434;font-size: 20px;margin: 30px 0 10px;}
.newscon .attr{color:#676767;clear: both;overflow: hidden;margin-bottom: 30px;border-bottom: 1px solid #eeeeee;height: 40px;line-height: 40px;}
.fprenext{clear: both;border-top: 1px solid #eeeeee;line-height: 42px;height: 42px;margin-top: 30px;padding: 20px 0}
.fprenext a{color:#676767;}
.fprenext a:hover{color: #46a6ec}

.download .item a{color:#676767;padding-left: 20px;}

.procon .item{width:300px;height: 270px;text-align: center;float: left;margin-right: 10px;}
.procon .item .media{border:1px solid #eeeeee;width:300px;height: 200px;line-height: 200px;}
.procon .item .media img{max-width: 90%;max-height: 98%;}
.procon .item .text{color:#343434;line-height: 24px;overflow: hidden;margin-top: 8px;}
.procon .item.ilast{margin-right: 0}
.procon .item a:hover .text{color:#46a6ec;}
.procon .item a:hover .media{border:1px solid #46a6ec;}
.proimg{width: 500px;height: 360px;border: 1px solid #eeeeee}
.prointro{width: 400px;}
.prointro h1{border-bottom:1px solid #eeeeee;font-size: 18px;line-height: 44px;height: 44px;color:#323232; clear: both;overflow: hidden;margin-top: 0;}

.prodetail{border: 1px solid #eeeeee;clear: both;margin-top: 35px;overflow: hidden}
.prodetail .prodnav{background-color: #ebebeb;height: 50px;line-height: 50px;padding-top: 15px;}
.prodetail .prodnav ul{}
.prodetail .prodnav ul li{float: left;width: 120px;text-align: center;border-right: 1px solid #b8b8b8;height: 20px;line-height: 20px;}
.prodetail .prodnav ul li.liilast{border-right: 0;}
.prodetail .prodnav ul li.active a,.prodetail .prodnav ul li a:hover{color:#46a6ec;font-weight: bold}
.prodetail .tab-content{padding: 25px 15px;}
.proimg .mimgs{height: 300px;line-height: 300px;}
.proimg .mimgs img{max-height: 100%;}
.proimg ul{display: block;margin: 10px auto;height: 40px;}
.proimg ul li{border:1px solid #eeeeee;float: left;padding: 3px 5px;margin: 0 5px;width: 80px;height:40px; }
.proimg ul li img{cursor: pointer;max-height: 100%}



/*  客服 */
.float_qq{ position:absolute; top:260px; right:-10px; width:50px; height:203px; z-index:6666999999;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.qq_drop_down{display: none;width:60px;height: 52px;text-align: center;}
.float_qq li.float_qq1,.float_qq li.float_qq4{ position:absolute; left:0; width:62px;}
.float_qq li.float_qq1{ top:156px;}
.float_qq li.float_qq2{ position:absolute; top:0; left:0; width:126px;}
.float_qq li.float_qq3,.float_qq li.float_qq5{ position:absolute; top:52px; left:0; width:220px;}
.float_qq li.float_qq4{ top:104px;}
.float_qq li.float_qq5{top:51px;}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block;color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#46a6ec; opacity:1;}
.float_shwx{ position:absolute; top:0; left:-140px; width:140px; display:none;background:#fff;padding:14px;border:1px solid #ccc;line-height:20px;}
.float_shwx img{ display:block;width:110px!important; height:110px!important;margin-bottom:5px;max-width: 110px;}


.secnav{display: none;background:rgba(0,0,0,0.6);position:absolute;top:90px;clear: both;overflow: hidden;z-index: 9999;left:4px;padding: 40px 0;width: 100%;transition: height 2s;-webkit-transition:height 2s;}
.secnav dl{float: left;margin-right: 50px;}
.secnav dl dt{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 20px}
.secnav dl dd{}
.secnav dl dt a{color: #fff}
.secnav dl dd a{color: #fff;line-height: 30px}
.secnav dl a:hover{color:#00834d}

.secnavs{left: 12px;}
.secnavj{left: 10px;}
.tnav{}
.tnav li.active .secnav a{color:#333333}
.tnav li:hover .secnav a:hover{color: #fff;border-radius: 0;}
.secnav li{float: left;display: block;clear: both;overflow: hidden;padding: 0;width: 100%;}
.tnav li .secnav li a{font-size: 12px;white-space: nowrap;background-color:transparent;color:#333333;width: 100%;}
.tnav li .secnav li a:hover{background-color: #46a6ec}

.tnav li .subnavn{position: absolute;background:rgba(0,0,0,0.6);position:fixed;top:90px;padding:10px;z-index: 9999;clear: both;overflow: hidden;}
.tnav li .subnavn a{height: 40px;line-height: 40px;color: #fff;font-size: 14px}
.tnav li .subnavn a:hover{color:#00834d}

.pagination{margin: 30px auto;text-align: center;width: 100%}
.pagination a,.pagination p{position: relative;
    padding: 5px 12px;
    margin-left: -1px;
    line-height: 1.53846154;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
	margin: 0 3px;
	display: inline-block
}
.pagination a.cur,.pagination a:hover{   color: #fff;
    background-color: #00834d;
    border-color: #00834d;
	}



.nlists{}
.nlists .item{padding: 30px;clear: both;display: block; position: relative;overflow: hidden;background-color:#f7f7f7;margin-bottom: 20px;border: none}
.nlists .item .item-content>.media.pull-left{width: 280px;max-width: 280px;height: 200px}
.nlists .item .item-content>.media.pull-left img{max-width:280px;max-height:200px;}
.nlists .item .item-content .time{}
.nlists .item h3{font-size: 18px;color: #343434;font-weight: normal;margin-top: 0}
.nlists .item a:hover h3{color:#00834d}
.nlists .item .tdes{color: #666666;line-height: 22px}
.nlists .item .inmore{margin-left: 0}







.ltitle{width: 100%;clear: both;font-size:20px;margin: 15px 0}
.ltitle span{border-left: 4px solid #189aed;padding-left: 12px}
.lproducts .tab-content{padding: 10px 0}
.lproducts .tab-content ul li{margin-right: 55px}
.lnews{clear: both;overflow: hidden}
.lnews ul li{width:32%;margin-right: 2%;float: left;line-height: 30px}
.lnews ul li a{font-size: 16px;}
.lnews ul li.plast{margin-right: 0}
.lnews ul li a:hover{color: #198EF6}

.plists .tab-content ul li{height: 280px}
.plists .tab-content ul li a{display: block;width: 100%;height: 100%;border: none}
.plists .tab-content ul li a:hover{background: none}
.plists .tab-content ul li a .bname{color: #333;font-size: 18px}
.plists .tab-content ul li img{max-height: 180px}


.about_list{clear: both;overflow: hidden;margin-top: 30px;margin-bottom: 30px}
.about_list div{padding: 10px;float: left;width:300px}




.e404{padding: 330px 0 290px}
.e404 .eimg{width: 580px;}
.e404 .eright{padding-top: 20px}
.e404 .etips{ font-size: 36px; font-weight: 400; color: rgba(250,120,43,1)}
.e404 .etips2{height: 38px;line-height: 38px; font-size: 16px;font-weight: 400;color: rgba(102,102,102,1);}
.e404 .etips3{font-size: 16px;font-weight: 400;color: rgba(51,51,51,1);margin-top:45px}
.e404 .etips3 a{display: inline-block;background-color:#46a6ec;padding: 6px 10px;border-radius: 6px;color: #fff;margin: 0 5px}

.dz1{margin-bottom: 64px;}
.dztitle{font-size: 28px;text-align: center;padding: 60px 0}
.dztitle span{display: block;font-size: 16px;color: #666;}
.dz1c{}
.dz1c a{display: block;float: left;width: 289px;margin-right:12px;border:1px solid #d4d4d4;
transition:margin-top 0.5s;
-moz-transition:margin-top 0.5s;
-webkit-transition:margin-top 0.5s;
-o-transition:margin-top 0.5s; }
.dz1c a.last{margin-right: 0}
.dz1c a .dztop{width: 100%;height: 300px;background-color: #070b40;color: #fff;font-size: 20px;text-align: center;padding-top: 35px}
.dz1c a .dzcon{text-align: center;font-size: 16px;line-height: 40px;color: #333;height: 300px;padding-top: 30px;}
.dz1c a .dztop p{margin-top: 35px}
.dz1c a:hover{margin-top:-10px;box-shadow: 1px 1px 1px 1px rgba(0,0,0,.1);}

.dz2{background-color:#f4f7f9;}
.dz2 .dztitle{color: #333;font-size: 28px;padding-bottom: 20px}
.dz2 .dz2con{width:800px;margin:0 auto;font-size:18px;}
.dz2 .dz2imgs{padding: 60px 0 80px;clear: both;overflow: hidden}
.dz2 .dz2imgs div{float: left;margin-right: 6px;height: 490px}
.dz2 .dz2imgs img{float: left;display: inline-block}
.dz2 .dz2img_2,.dz2 .dz2img_5{width: 239px;}
.dz2 .dz2img_6{margin-right: 0}
.dz2 .dz2img_2 .dz2i_3,.dz2 .dz2img_5 .dz2i_6{margin-top:10px;}

.dz3{background:url(../img/dzys_bg.png) #070b40 no-repeat center bottom;background-size: cover;clear: both;overflow: hidden;padding-bottom: 90px}
.dz3 .dztitle,.dz3 .dztitle span{color: #fff}
.dz3 ul{display: block;clear: both;overflow: hidden}
.dz3 ul li{width: 288px;float: left;box-sizing: border-box;text-align: center;margin-bottom: 20px;height: 450px;margin-right: 15px}
.dz3 ul li.last{margin-right: 0}
.dz3 ul li .diy2cc{background-color:#fff;}
.dz3 ul li .diy2cc p{padding: 20px 10px;font-size: 16px;height: 200px}
.dz3 ul li img{max-width: 40%}
.dz3 .diy2top{height: 114px;line-height: 114px;text-align: center;background: url(../img/youshi_1.jpg) no-repeat center center;background-size:cover;font-size: 20px;margin-bottom: 20px}
.dz3 .diy22 .diy2top{background: url(../img/youshi_2.jpg) no-repeat center center;background-size:cover;}
.dz3 .diy23 .diy2top{background: url(../img/youshi_3.jpg) no-repeat center center;background-size:cover;}
.dz3 .diy24 .diy2top{background: url(../img/youshi_4.jpg) no-repeat center center;background-size:cover;}

.dz4{padding-bottom: 100px}
.dz4con{width: 100%;height: 736px;}
/*background: url(../img/dz4con.jpg) no-repeat center center;*/
.dz4 .dz4left,.dz4 .dz4right{width: 600px;float: left}
.dz4 .dz4left{background: url(../img/dz4con_left.jpg) no-repeat center center;}
.dz4 .dz4left a{display: block;height: 184px;width: 100%;color: #fff;font-size: 20px;padding-top: 55px;padding-left: 65px}
.dz4 .dz4left .active a,.dz4 .dz4left a:hover{background-color: rgba(50,150,250,0.7)}
.dz4 .dz4left a span{font-size: 14px;margin-top: 30px;display: block}

.dz4 .dz4right{position: relative;height: 100%}
.dz4 .dz4right .tab-pane{position: relative;width: 100%;height: 100%}
.dz4 .dz4right #dz41{background: url(../img/s_1.jpg) no-repeat center center;}
.dz4 .dz4right #dz42{background: url(../img/s_2.jpg) no-repeat center center;}
.dz4 .dz4right #dz43{background: url(../img/s_3.jpg) no-repeat center center;}
.dz4 .dz4right #dz44{background: url(../img/s_4.jpg) no-repeat center center;}
.dz4 .dz4right .dz4rcon{position: absolute;left: 50px;bottom: 35px;background-color:#fff;padding: 20px 30px 10px;}
.dz4 .dz4right .dz4rcon .sz4t{font-size: 20px;color: #333;font-weight: bold}
.dz4 .dz4right .dz4rcon .sz4t span{display: block;font-size: 12px;color: #333;font-weight: normal}
.dz4 .dz4right .dz4rcon p{font-size: 15px;margin-top: 15px;}

.psitemap{background-color: #fff;}
.psitemap .newscon{width:100%}

/*  客服 */
.bcomFloat{width:90px;height: 290px;border:1px solid #e7e7e7;position: fixed;top: 200px;right: 5px;background-color: #fff;}
.bcomFloat ul{width:78px;margin: 0 auto;display: block;padding: 0;}
.bcomFloat ul li{padding: 13px 0;text-align: center;}
.bcomFloat ul li a span{display: block;clear: both;color:#676767}
.bcomFloat ul li.bFgzh{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.bcomFloat ul li.bFgzh a img{display: none;position: absolute;left: -150px;top:100px;width: 150px;height: 150px;max-width: 150px;}
.bcomFloat ul li.bFgzh a:hover img{display: block}
.bcomFloat ul li #rtel{background-color: #fff;padding:8px;border:1px solid #e7e7e7;position: absolute;right: 50px;top:80px;width: 140px;display: none;font-weight: bold;font-size: 16px;}
.bcomFloat ul li #rtel span{display: block;clear: both;color:#0d6fb8}
.bcomFloat ul li.bFtel a:hover #rtel{display: block}


.pdescs{border-bottom: 1px solid #dedede;justify-content: center;align-items: center;clear: both;position: relative;overflow: hidden}
.pdescs1{border-top: 1px solid #dedede;margin-top: 30px}
.pdescs .pdl{text-align: center;width: 30%;float: left;height: 100%;font-weight: bold;display: flex;justify-content: center;align-items: center;padding: 10px;}
.pdescs .pdr{width: 69%;float: left;height: 100%;border-left: 1px solid #dedede;padding: 10px;}
.pdescs .pdr img{max-width: 80%}
.pdescs .pdr .pdrh{border-bottom: 1px solid #dedede;clear: both;overflow: hidden}
.pdescs .pdr .pdrh span{display: block;float: left;width: 30%;padding: 5px 1%;}
.pdescs .pdr .pdrh:last-child{border-bottom: none;}


.menu{display: none}
.icon.mphide{display: none}

.culture_img img{max-width: 90px;transform: scaleX(1) scaleY(1) rotateZ(0deg);}
.culture_title{font-weight: bold;font-size:30px;color: #080808;line-height: 50px; margin-top: 10px;
    padding-bottom: 10px;}
.culture_title span{width: 20px;height: 2px;display: block; background-color: #76b52b;margin: 0 auto}
.culture_con{ color: #242424; line-height: 24px;font-size: 20px; margin-top: 20px; height: 90px}




@media screen and (max-width:767px){
  body{overflow-x: hidden;width: 100%}
  .container-fixed{width:100%;}
  header #theader{height: 60px}
  header #theader .mtop{display: flex!important;justify-content:space-between;align-items: center;padding:5px 10px;}
  header #theader .container-fixed{height: 100%;padding: 0}
  .logo img{margin-top:0px;max-width: 60%}

  .menu{display: flex!important;justify-content:flex-end;align-items: center;color:#00834d}
  .hasmenu .icon{line-height: 40px;height: 40px}

  .icon.mphide{display:inline;}

  .tnav li .subnavn{position:relative;padding:10px;top: 0}
  .tnav li .subnavn a{height: 40px;line-height: 40px;color: #fff}
  .tnav li .subnavn a:hover{color:#00834d}


  .fnavs dl.leftline{border:none;padding-left:0px}
  .fnavs dl dt{line-height: 30px}
  .fnavs dl dt .mphide{line-height: 30px}

  #tnproduct{width: 100%;background:rgba(0,0,0,0.6);height: auto;position: relative;clear: both;overflow: hidden;}
   #tnproduct dl{float: left;margin-right:0px;width: 100%;margin-bottom:0px}
   #tnproduct dl dt{font-size: 16px;margin-bottom: 10px;font-weight: bold;}
   #tnproduct dl dd{}
   #tnproduct dl dd a{color: #fff;line-height:28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left:30px;font-size: 14px}


  .subMenu{display: block!important;width: 100%;position:fixed;background-color: #00834d;margin: 0;top:60px; height: auto;z-index: 9999;padding:0 0 20px 0;height: 100%;overflow: scroll;}
  .subMenu li{width: 100%;clear: both;border-bottom:1px solid #008C00;}
  .subMenu li a{color: #fff;height: 40px;line-height: 40px}
  .subMenu li.active a,.subMenu li a:hover{color:#fff;}

.m_banner{width: 100%;position: relative}

.m_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    width: 30px;height: 3px;background-color: #fff;border-radius: 0;opacity: 1
}
.m_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #00834d}
.m_banner.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px}

  .inotice{line-height: 40px;height: 40px}
  .inotice .container-fixed{display: flex;justify-content: center;a}
  .inotice .swiper-container{margin-left:5px}
  .inotice .swiper-marquee{height: 40px!important;width:auto;}
  .inotice .recnewbar img{margin-top: 12px}
  .inotice .swiper-marquee .swiper-slide{height: 40px;text-align: left}
  .inotice a{white-space: nowrap;overflow: hidden;}
  .inotice a .marquee_title{font-size: 14px;padding-left: 5px;width:100%!important;}

  .fnavw{text-align: center;width: 100%;padding-right: 0}

  .partners_list .partner img {height: 30px}

  .ititle{padding:30px 0 0;font-size: 30px}
  .ititle .ttitle{padding: 0 20px;}
  .ititle .tline{width: 100%;margin:-22px auto 30px;}
  .ititle2{margin-bottom: 20px}

  .inleft .inlcon .inewspp{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
  .inleft .swiper-pagination-fraction{bottom:30px;}

  .iservicec ul li{width: 100%;clear: both}
  .iservicec ul li a{height:150px;background-size: contain!important;}
  .iservicec ul li a.iserbg1{background: url(../img/service_11.png) no-repeat center center}
  .iservicec ul li a.iserbg2{background: url(../img/service_21.png) no-repeat center center}
  .iservicec ul li a.iserbg3{background: url(../img/service_31.png) no-repeat center center}
  .iservicec ul li a.iserbg4{background: url(../img/service_41.png) no-repeat center center}
  .iservicec ul li a.iserbg5{background: url(../img/service_51.png) no-repeat center center}

  .iservicec ul li a img{margin-top:30px;max-height:30px}
  .iservicec ul li a span.iserline{height: 4px;width: 20px;background-color: #fff;margin:8px auto;}
  .iservicec ul li a span.isertitle{font-size:18px}


  /*.iads{height:120px;padding:20px 0;}*/
  .iads.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px}
  .iads .iadtitle{font-size:18px;margin: 20px auto}
  .iads .iadscc::after{width:1px; height:60px;}
  .iads .iadscc span{font-size:18px;}
  .iads .iadscc p{font-size: 12px;padding:0 10px;}
  .iads .iadscc span.bbb{font-size:12px}

  .isolution .iso{height:320px;width:46%;margin:0 2% 20px;float: left;overflow: hidden;}
  .isolution .iso a span.isotxt{font-size:14px; text-overflow: ellipsis;width: 100%;overflow: hidden;}

  .iproduct .clearfix a{text-align: center;float: left;width:100%;margin-right:0;}
  .iproduct .clearfix a span{margin: 20px auto}

  .tbanner{width: 100%;display: block;height: 160px;line-height:160px;font-size: 20px}
  .tbanner .container-fixed{display: flex;align-items: center;justify-content: center;height: 100%}
  .tbanner .btitle{margin-top: 0}

  .catnav{height:auto;padding:10px 0;}
  .catnav a{margin:10px;}
  .catnav a:hover,.catnav a.active{background-color: #00834d;color:#fff;}

  .prolist{ }
  .prolist a{width:46%;margin:10px 2%;float: left}
  .prolist a:nth-child(3n){margin:10px 2%;}
  .prolist a span{height: 40px;font-size: 14px;margin-top:10px }

  #psec2 .ps2title{padding:30px 0;}
  #psec2 .ps2con .ps2c{width:100%; padding:20px 0;}
  #psec4 .ps4con .ps4next{right: -15px}
  #psec4 .ps4title,#psec5 .ps5title{padding:20px 0;}


    #psec3 img{margin-top: 60px}
    /*#psec3 ul li{display: flex;justify-content:space-around;align-items: center;}*/
     #psec3 .ps3l{width: 20%;float: left;padding-top: 15px}
    #psec3 .ps3i{margin: 0 5px;display: block;float: left;width: 50px!important;height: 50px!important;line-height: 50px!important;flex-shrink: 1}
    #psec3 .ps3r{float: left;width: 70%;margin-left: 2%;}
    #psec3 .ps3r span{display: block;font-size: 14px}
    #psec3 .ps3r span.ps3rt{font-size: 16px;margin-bottom: 5px;margin-top: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    #psec4 .ps4con .ps4pre img{width: 20px}
    #psec4 .ps4con .ps4next img{width: 20px}
    #psec4 .ps4con .swiper-container .swiper-slide span{font-size: 12px}
    #psec5 .ps5c{width: 90%}
    .soltop .soldes{padding:10px;width: 100%;float: right;height: auto;float:right}
    .solmtitle{margin:30px auto 10px;}
    .soltop .solimg{width: 100%;float:right}


    .soltop .soldes .soltitle{font-size: 24px;}
    .ttbanner{height: 160px;}
    .jstitle{font-size: 18px;margin-top:40px;margin-left:50px}
    .jstitle span{font-size: 12px;display: block;}

    .dlist a,.hlist .acon a{background:none;padding-left: 0}

    .jobtitle{font-size: 18px}

    .hlist .acon{width: 100%}
    .hlist .acon a{border-bottom: 1px solid #e1e1e1;padding: 5px 0}

    .ititle span.tshort{width: 90%;margin:3px auto;}
    .fnavs dl{width: 100%;margin-right: 0;margin-bottom: 0}
    .fnavs dl dd{padding-left: 15px;display: none;font-size: 16px;line-height: 40px;height: 40px}
    .fnavs dl dt{margin-bottom: 5px;font-size: 18px}
    .fnavs dl.leftline dd{display: block;padding-left: 0}
    /*.breadcrumb{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}*/

    #psec1 .psec1img{padding-top: 0;padding-bottom: 30px}

    .iservicec{margin-top: 0}
    .smore{margin:0 auto 20px;}
    .isolution{padding-bottom: 10px}

    .pdes h2{font-size: 20px}
    .newscat a{font-size: 28px}

    .zizhilist .zhc .zhcon{height: 240px;padding: 5px}
    .zizhilist .zhc .plcon{height: 240px;}
    .zizhilist .zhc .zhcon img,.zizhilist .zhc .plcon img{max-height: 220px}
}
@media screen and (min-width:768px) and (max-width:991px){
  .container-fixed{width: 768px}
  .logo img{max-width:160px;margin-top:20px;}
  .tnav{margin-left:20px;}
  .tnav li{float: left;padding: 0 2px;}
  .tnav li a{padding:4px 4px;}

  .index_banner{min-height: 260px}
  .fnavs dl{display: block;height: auto;border: none;height: 260px}
  .fnavs dl.leftline{border:none;padding-left:0px}
  .fnavw{text-align: center;width: 100%;padding-right: 0}

  .inotice .swiper-marquee{height: 66px!important;width:610px;}
  .inotice a .marquee_title{width: 450px}
  .iproduct .clearfix a{text-align: center;float: left;width:240px;margin-right:13px;}
  .iproduct .clearfix a span{margin-top: 20px}
  .isolution .iso{height: 420px;background-size: cover;width: 282px;margin:0 46px 20px;float: left}

  /*.iads{height:300px;}*/
 .iads.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px}
  .prolist{ }
  .prolist a{width: 240px;margin-right: 14px;overflow: hidden;}
  .prolist a:nth-child(3n){margin-right: 0}
  .prolist a span{height: 60px}

  .tbanner{width: 100%;display: block;height: 260px;line-height:260px;font-size: 20px}
  .tbanner .btitle{font-size: 26px}
  .tbanner .container-fixed{display: flex;align-items: center;justify-content: center;height: 100%}
  .tbanner .btitle{margin-top: 0}

  #psec2 .ps2title{padding:30px 0;}
  #psec2 .ps2con .ps2c{width:100%; padding:20px 0;}
  #psec4 .ps4con .ps4next{right: -15px}
  .soldess{text-overflow:ellipsis;}

  .aboutnav a{margin:0 5px;padding:5px 10px;}

    .zizhilist .zhc .zhcon{height: 300px;padding: 5px}
    .zizhilist .zhc .plcon{height: 300px;}
    .zizhilist .zhc .zhcon img,.zizhilist .zhc .plcon img{max-height: 280px}

}
@media screen and (min-width:992px) and (max-width:1219px){
  .container-fixed{width:990px}
  .logo img{max-width:180px;margin-top:20px;}
  .tnav{margin-left: 10px}

  .fnavs dl{display: block;height: auto;border: none;margin-right: 22px}
  .fnavs dl.leftline{border:none;padding-left:0px}

  .fnavw{text-align: center;padding-right: 0}

  .inotice .swiper-marquee{height: 66px!important;width:820px;}
  .inotice a .marquee_title{width: 700px}
  .iproduct .clearfix a{text-align: center;float: left;width:310px;margin-right:20px;}
  .iproduct .clearfix a span{margin-top: 20px}
  .iproduct .clearfix a .iproimg{ height: 325px}
  .isolution .iso{height: 420px;background-size: cover;width:235px;margin-right:10px;float: left}
  .isolution .iso a span.isotxt{font-size:16px;}
  .inright ul li{padding:7px;}
  .inright ul li .intxt{height: 30px;overflow: hidden;white-space: nowrap;}

  .prolist{ }
  .prolist a{width:310px;margin-right: 20px;overflow: hidden;}
  .prolist a:nth-child(3n){margin-right: 0}
  .prolist a span{height: 60px;text-overflow: ellipsis;}

    #psec1 img{max-width: 90%;}
  /*#psec2 .ps2con .ps2c{width:30%; padding:20px 0;}*/
  #psec4 .ps4con .ps4next{right: 0px}
  /*#psec3 img{margin-top: 60px}*/
  /*#psec3 .ps3i{width: 60px;height: 60px;line-height: 60px;text-align: center;color: #fff;float: left;display: block;margin: 0 30px;background-color:#00834d;border-radius: 50%;font-size: 26px}*/
#psec3 .ps3r{width: 330px}
#psec3 .ps3r span{text-overflow: ellipsis;overflow: hidden;}

    #psec3 .ps3i{margin: 0 20px;}
    #psec3 .ps3r span{display: block;font-size: 14px}
    #psec3 .ps3r span.ps3rt{font-size: 16px;margin-bottom: 5px;margin-top: 6px}

     .zizhilist .zhc .zhcon{height: 300px;padding: 5px}
    .zizhilist .zhc .plcon{height: 300px;}
    .zizhilist .zhc .zhcon img,.zizhilist .zhc .plcon img{max-height: 280px}

 .iads.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px}
}
@media screen and (min-width:1440px){
  .container-fixed{width:1440px}
  .logo img{margin-top:15px;}
  .tnav{}

  .fnavs dl{float: left;margin-right:80px;}
  .fnavs dl.leftline{border-left: 1px solid #0e965e;padding-left: 80px}

  .inotice .swiper-marquee{height: 66px!important;width:1280px;}
  .inotice a .marquee_title{width: 1000px}
  .iproduct .clearfix a{text-align: center;float: left;width:450px;margin-right:35px;}
  .iproduct .clearfix a span{margin-top: 20px}
  .iproduct .clearfix a .iproimg{ height: 325px}
  .isolution .iso{height: 420px;background-size: cover;width:310px;margin-right:60px;float: left}

  .prolist{ }
  .prolist a{width: 450px;margin-right: 35px;overflow: hidden;}
  .prolist a:nth-child(3n){margin-right: 0}
  .prolist a span{height: 60px;text-overflow: ellipsis;}

  /*#psec2 .ps2con .ps2c{width:30%; padding:20px 0; text-align: center}*/
  #psec4 .ps4con .ps4next{right: 0px}
  /*#psec3 img{margin-top: 0px}*/
   .iads.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px}

}